// pages/Detail/Xiang.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    Listid:{},
    List:{},
    newsId:"",
    newsCId:"",
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      newsId:options.id,
      newsCId:options.cid,
    })
    wx.request({
      url: `https://tea.qingnian8.com/api/qingnews/detail?id=${options.id}&cid=${options.cid}`, //仅为示例，并非真实的接口地址
      header: {
        'access-key': '437634' // 默认值
      },
      success:(res)=>{
        console.log(res.data.data);
        let detailData = res.data.data || res.data;
        // 关键：调用处理函数修改图片样式（假设富文本字段是 content，根据实际接口字段修改）
      if (detailData.content) { // 确保富文本字段存在（可能是 content、newstext 等）
        detailData.content = this.handleRichTextImages(detailData.content);
      }

        this.setData({
          List:res.data.data || res.data
        })
      }
    })
  },
  
  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },
  handleRichTextImages(html) {
    let handledHtml = html;

    // 1. 给所有 img 标签添加 display:block（解决底部间隙）
    handledHtml = handledHtml.replace(/<img\s/g, '<img style="display:block;" ');

    // 2. 统一图片宽高：宽度100%，高度自适应（避免溢出）
    handledHtml = handledHtml.replace(
      /(<img[^>]+style=["'])([^"']*)(["'])/gi,
      (match, prefix, styleContent, suffix) => {
        // 移除原有宽高样式，添加新样式
        const newStyle = styleContent
          .replace(/width\s*:\s*[^;]+;/gi, '')
          .replace(/height\s*:\s*[^;]+;/gi, '')
          .trim() + 'width:100%;height:auto;';
        return `${prefix}${newStyle}${suffix}`;
      }
    );

    return handledHtml;
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})